<template>
	<view class="main_box">
		<view class="fix_title">
			填写Ⅰ类账户
		</view>
		<view class="txt">
			填写您将要更换的Ⅰ类账户信息
		</view>
		<view class="inp">
			<view class="blankCard">
				银行卡号
			</view>
			<input type="number" v-model="cardNo">
		</view>
		<view class="warns">
			<view class="pkan">
				*
			</view>
			<view class="textWarn">
				换绑说明：新账户开户人必须与原账户开户人相同，否则不能完成换绑卡操作。
			</view>
		</view>
		<view class="btn" @click="toNext">
			换绑
		</view>
		<view class="kdn">
			<image src="/static/images/blank/4341yu.png" mode=""></image>
			<view class="subx">
				交通银行 提供产品服务
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getPhoneCode,
		getTwoUserList,
		getMoneny,
		bindTwoEmpStu,
		changeUserCode
	} from '../../common/api/blank.js';
	import {
		queryOrg,
		findBaseArea,
		queryMilkCardBalance,
		queryStudentCardBalance,
		selectCardInfoByIdCardNo,
		openStudentMike
	} from '../../common/api/index.js'
	import {
		_showLoading,
		_showToast
	} from '../../common/js/util.js'
	export default {
		data() {
			return {
				cardNo: "", //卡号
				batId: "",
				phone: "",
				orgId:"",
				idName:"",
				idNo:"",//身份证号码
			}
		},
		onLoad(option) {
			this.orgId=option.orgId
			this.batId = option.batId
			this.phone = option.phone
			this.idName=option.idName
			this.idNo=option.idNo
		},
		onBackPress(options) {
			if (options.from === 'navigateBack') {
				return false
			}
			this.back();
			return true
		},
		methods: {
			back() {
				var pages = getCurrentPages();
				uni.navigateBack({
					delta: pages.length - 2
				})
			},
			async toNext() {
				if (!this.cardNo) {
					_showToast("请输入银行卡号")
				} else {
					uni.navigateTo({
						url: `/pageBlank/components/gatherFace?userName=${this.idName}&idNo=${this.idNo}&batId=${this.batId}&phone=${this.phone}&orgId=${this.orgId}&cardNo=${this.cardNo}&title=换绑`
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main_box {
		padding: 24upx;
		box-sizing: border-box;
		overflow-y: auto;

		.kdn {
			position: fixed;
			left: 0rpx;
			bottom: 68rpx;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;

			>image {
				width: 34rpx;
				height: 33rpx;
			}

			.subx {
				margin-left: 8rpx;
				height: 34rpx;
				font-size: 23rpx;
				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				font-weight: 400;
				color: #003A79;
				line-height: 34rpx;
			}
		}

		.inp {
			display: flex;
			width: 650rpx;
			height: 87rpx;
			background: #FFFFFF;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			opacity: 1;
			border: 2rpx solid #E6E6E6;
			margin: 0 auto;
			margin-top: 68rpx;
			margin-bottom: 45rpx;

			.blankCard {
				width: 169rpx;
				height: 40rpx;
				font-size: 28rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #6E7077;
				line-height: 40rpx;
				text-align-last: justify;
				margin: 24rpx 23rpx 23rpx 21rpx;
			}

			input {
				width: calc(100% - 169rpx);
				height: 87rpx;
			}
		}

		.warns {
			display: flex;
			width: 650rpx;
			margin: 0 auto;
			margin-bottom: 456rpx;

			.pkan {
				height: 40rpx;
				font-size: 28rpx;
				font-family: Source Han Sans CN-Light, Source Han Sans CN;
				font-weight: 300;
				color: #F71E1E;
				margin-right: 6rpx;
			}

			.textWarn {
				font-size: 24rpx;
				font-family: Source Han Sans CN-Light, Source Han Sans CN;
				font-weight: 300;
				color: #475263;

			}
		}

		.btn {
			width: 358rpx;
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			background: #3478F5;
			box-shadow: 0rpx 3rpx 26rpx 1rpx rgba(55, 98, 244, 0.58);
			border-radius: 44rpx 44rpx 44rpx 44rpx;
			opacity: 1;
			font-size: 32rpx;
			font-family: Source Han Sans CN-Light, Source Han Sans CN;
			font-weight: 300;
			color: #FFFFFF;
			margin: 0 auto;
		}

		.fix_title {
			margin: 30upx 0 60upx 0;
			font-size: 40upx;
			font-weight: bolder;
			display: flex;
			align-items: center;
			margin-left: 10rpx;

			&::before {
				content: '';
				height: 36upx;
				width: 12upx;
				background-image: linear-gradient(to bottom, #c3defc, #007AFF);
				margin-right: 12upx;
				border-radius: 6upx;
			}
		}

		.txt {
			height: 46rpx;
			font-size: 32rpx;
			font-family: Source Han Sans CN-Medium, Source Han Sans CN;
			font-weight: 500;
			color: #020202;
			line-height: 46rpx;
			margin-bottom: 68rpx;
			margin-left: 32rpx;
			margin-top: 56rpx;

		}
	}
</style>
